<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>New Admission Form</title>

<SCRIPT type="text/javascript">

$(document).ready(function(){

	$(function(){
		$('#birthDate').datepicker({
		dateFormat: 'dd/mm/yy',
		changeYear: true,
		yearRange: "1960:2010"
		});
	});

});

</script>

</head>
<body style="">
<h4>Jobseeker's Registration Form</h4>

<form:form action="reg" commandName="jobseekerRegForm" method="POST"
	enctype="multipart/form-data">

	<s:bind path="*">
		<c:if test="${status.error}">
			<div id="message" class="error">Form has errors</div>
		</c:if>
	</s:bind>
	<fieldset><legend>Jobseeker's Registration Form</legend>
	<div align="center">
	<table class="form-table" border="0" style="margin: 0 auto;">
		<tr>
			<td colspan="3">Fields marked with <span class="mandatory">*</span>
			are mandatory.<br />
			<h3>Get Started With Us</h3>
			</td>
		</tr>
		<tr>
			<td width="160"><form:label path="firstName">First Name<span
					class="mandatory">*</span>
			</form:label></td>
			<td><form:input path="firstName" id="firstName" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="firstName" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="lastName">Last Name</form:label></td>
			<td><form:input path="lastName" id="lastName" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="lastName" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="email">Email<span
					class="mandatory">*</span>
			</form:label></td>
			<td><form:input path="email" id="email" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="email" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="password">Password<span
					class="mandatory">*</span>
			</form:label></td>
			<td><form:input path="password" id="password" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="password" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="rePassword">Re-enter Password<span
					class="mandatory">*</span>
			</form:label></td>
			<td><form:input path="rePassword" id="rePassword" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="rePassword" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td colspan="3">
			<h3>Personal Details</h3>
			</td>
		</tr>
		<tr>
			<td width="160"><form:label path="currentLocation">Current Location<span
					class="mandatory">*</span>
			</form:label></td>
			<td><form:select path="currentLocation">
				<form:option value="0" label="-- Select --" />
				<form:options items="${currentLocationList}" itemLabel="cityName"
					itemValue="cityId" />
			</form:select></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="currentLocation" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="phoneNumber">Mobile Number</form:label></td>
			<td><form:input path="phoneNumber" id="phoneNumber"
				maxlength="10" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="phoneNumber" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="age">Age</form:label></td>
			<td><form:input path="age" id="age" maxlength="2" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="age" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="birthDate">Date of Birth</form:label></td>
			<td><form:input path="birthDate" id="birthDate" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="birthDate" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td colspan="3">
			<h3>Address</h3>
			</td>
		</tr>
		<tr>
			<td width="160"><form:label path="lineOne">Address Line 1</form:label></td>
			<td><form:input path="lineOne" id="lineOne" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="lineOne" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="lineTwo">Address Line 2</form:label></td>
			<td><form:input path="lineTwo" id="lineTwo" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="lineTwo" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="lineThree">Address Line 3</form:label></td>
			<td><form:input path="lineThree" id="lineThree" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="lineThree" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="city">City</form:label></td>
			<td><form:input path="city" id="city" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="city" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="state">State</form:label></td>
			<td><form:input path="state" id="state" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="state" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="pincode">Pincode</form:label></td>
			<td><form:input path="pincode" id="pincode" /></td>
			<td colspan="2" class="error" width="250">&nbsp;<form:errors
				path="pincode" cssStyle="color:red;" /></td>
		</tr>
		<tr>
			<td width="160"><form:label path="resumeFile">Resume(Word Document)</form:label></td>
			<td><input type="file" name="resumeFile" id="resumeFile" /><br/>
			<form:errors
				path="resumeFile" cssStyle="color:red;" /></td>
			<td colspan="2" class="error" width="250">&nbsp;</td>
		</tr>

		<tr>
			<td width="160">&nbsp;</td>
			<td><input type="submit" value="Register Me" class="button"
				style="width: 100px;" /></td>
			<td colspan="2" width="250">&nbsp;</td>
		</tr>
	</table>
	</div>
	</fieldset>
</form:form>
</body>
</html>